<%-- 
    Document   : listarEtiqueta
    Created on : 06-jul-2012, 12:07:37
    Author     : Administrador
--%>
<%@page import="com.javabeans.Estudiante"%>
<%@page import="com.javabeans.Usuario"%>
<%@page import="com.javabeans.Etiqueta"%>
<%@page import="java.util.List"%>
<%
    String s_path = request.getContextPath(); 
    int op = Integer.parseInt(request.getAttribute("op")+"");// para q se pinte 
    int i = 0;
    int idCarrera = Integer.parseInt(request.getAttribute("idCarrera")+"");
    List<Etiqueta> etique = (List<Etiqueta>) request.getAttribute("correspondeAll");
    
    String nomb = "";
    //cuando esta logueado [false <-- cuando no esta autentificado][true <-- cuando esta autentificado]
    boolean isLogueado = false;
    int quienEs = 0;// true docente; false estudiante [new 1 admin;2 doc; 3 estu;]
    if( session.getAttribute("s_docente") != null){
        isLogueado = true;// principal para saber si existe sesion
        quienEs = 2;
    }else if( session.getAttribute("s_estudiante") != null){
        isLogueado = true;// principal para saber si existe sesion
        quienEs = 3;
    }else if(session.getAttribute("s_Usuario") != null){// admin
        quienEs = 1;
        isLogueado = true;
    }
%>
<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>SI-ESFM</title>
        <meta name="description" content="Derechos Reservados SI-ESFM" />
        <link rel="stylesheet" href="<%=s_path%>/css/styles.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/menu/style.css" type="text/css" />
        <link rel="shortcut icon" href="<%=s_path%>/images/ico.png" type="image/png"/>
        <link rel="stylesheet" href="<%=s_path%>/css/qaptcha/QapTcha.jquery.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/foro.css" type="text/css" />
        <link rel="stylesheet" href="<%=s_path%>/css/themes/start/jquery-ui-1.8.20.custom.css" type="text/css" />
        <style type="text/css">
            /**para el foro*/
            #nav {float: right;margin: 10px 0px 0px 0px;width: 750px;}
            #roof {margin-top: 8px;}
            div.userList > div.user > ul > li {overflow: hidden;}
        </style>
        <script type="text/javascript" src="<%=s_path%>/js/md5.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/jquery-1.7.2.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/validate/jquery.validate.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.core.min.js"></script>  <!--si o si cargar esto-->
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.widget.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.position.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.mouse.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.button.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.draggable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.resizable.min.js"></script>
        <script type="text/javascript" src="<%=s_path%>/js/ui/minified/jquery.ui.dialog.min.js"></script>
        <script type="text/javascript">
            var isLogueado = <%=isLogueado%>;
            $(document).ready(function(){
                $("#dialogo").dialog({
			autoOpen: false,
                        title: "Ingrese su pregunta",
			height: 350,
			width: 550,
			modal: true,
			buttons: {
                            "Aceptar": function() {
                                var flag = $("#formPreg").valid();
                                if(flag){
                                    $.ajax({
                                        type: 'POST',
                                        url: 'Foros',
                                        data: $('#formPreg').serialize(),
                                        success: function(res){
                                            if(res==1)
                                                location.href="Foros?accion=2&carrera="+<%=idCarrera%>;
                                        },
                                        error:function(){alert("Error! al registrar la pregunta")}
                                    });
                                    $( this ).dialog( "close" );
                                }
                            },
                            Cancelar: function() {
                                $( this ).dialog( "close" );
                            }
			},
			close: function() {
                            // implementar lo que convenga
			}
		});
            });
            
            function iniciarDialogo(){
                if(isLogueado){
                    $('#formPreg').each(function(){
                        this.reset();
                    });
                    $("#accion").val("6");
                    $("#titleForm").text("Nueva Pregunta");
                    $( "#dialog:ui-dialog" ).dialog( "destroy" );
                    $( "#dialogo" ).dialog( "open" );
                    $("#titulo").focus();
                }else{
                    alert("Por favor inicie sesi\u00f3n.");
                }
                
            }
            // para mostrar los menus dependiendo d q opcion fue clikado
            function menu(op){
                switch(parseInt(op,10)){
                    case 1:
                        location.href='<%=s_path%>/';
                        break;
                    case 2:
                        location.href='<%=s_path%>/web/index.jsp?tipo=2';
                        break;
                    case 3:
                        location.href='<%=s_path%>/web/index.jsp?tipo=3';
                        break;
                    case 4:
                        location.href='<%=s_path%>/web/index.jsp?tipo=4';
                        break;  
                    case 5:
                        location.href="<%=s_path%>/Foros?accion=1";
                        break;
                }
            }
            function mostrarDetalleForo(idForo,cantLeido, idEtiqueta, idCarrera, op){
                location.href='Foros?accion=4&idForo='+idForo+"&cantLeido="+cantLeido+"&idCorresponde="+idEtiqueta+"&idCarrera="+idCarrera+"&op="+op;
            }
        </script>
    </head>
    <body>
        <div id="top-wrap">
            <!-- cabeza principal -->
            <div id="header-wrap">
                <div id="header">
                    <h1><a href="index.html"><img src="<%=s_path%>/images/logo.png" alt="logo" height="46" width="190"></a></h1><!-- logo here -->
                    <div style="float: left;height:40px;position:relative; top:27px;">
                        <ul id="css3menu_top" class="topmenu">			
                            <li class="topfirst"><a href="javascript:menu(1)" title="Principal"><img src="<%=s_path%>/css/menu/home.png" alt="home.png"/>Principal</a></li>
                            <li class="topmenu"> <a href="javascript:menu(2)" title="Administrativos"><img src="<%=s_path%>/css/menu/admin.png" alt="admin.png"/>Administrativos</a></li>
                            <li class="topmenu"> <a href="javascript:menu(3)" title="Docentes"><img src="<%=s_path%>/css/menu/docente.png" alt="docente.png"/>Docentes</a></li>
                            <li class="topmenu"> <a href="javascript:menu(4)" title="Estudiantes"><span><img src="<%=s_path%>/css/menu/estudiante.png" alt="Demos"/>Estudiantes</span></a></li>
                            <li class="topmenu"> <a href="javascript:menu(5)" title="Comunidad"><img src="<%=s_path%>/css/menu/postulantes.png" alt="postulante.png"/>Foros</a></li>
                            <li class="toplast"> <a href="#" title="Ayuda"><img src="<%=s_path%>/css/menu/information.png" alt="ayuda"/>Ayuda</a></li>
                        </ul>
                        <p style="display:none"><a href="#">CAR Drop Down CSS Menu Css3Menu.com</a></p><!-- CAR no aparece -->
                        <!--end of navigation-->
                    </div>
                </div>
            </div><!--header ends here-->
            
            <!-- cuerpo -->
            <div id="bodySpace">               
                <!-- aqui va la ruta -->
                <div class="clearfix" id="middle">
                    <!-- aqui va el arbol de entrada -->
                    <div id="breadcrumb"><!-- le da la forma de la imagen -->
                        <ul>
                            <li><a href="<%=s_path%>/Foros?accion=1">Home</a></li>
                            <li><span style="color:#666">Foros</span></li>
                            <li class="current-page"><span class="end"><span class="middle">&nbsp;</span></span></li>
                        </ul>
                        <!-- para la hora -->
                        <div style="clear: both;position: absolute;text-align: right;width: 100%;"><span id="fechaServ"></span>&nbsp;&nbsp;<span id="horaServ" style=""></span>&nbsp;</div>
                    </div><!-- begin SIDEBAR FIRST -->
                </div>
                
                <div id="principal">
                    <!-- todo el cuerpo disponible para el area de trabajo -->
                    <div class="cuerpoCompleto" style="border: 0px solid">
                        <div class="innerLeft" style="border: 0px solid">
                            <!-- template header.html -->
                            <div id="roof">
                                <div id="logo">
                                    <a href="">
                                        <img src="<%=s_path%>/images/foro/logo3.png" title="" alt="SISS logo comunidad">
                                    </a>
                                </div>
                                <div id="top">
                                    <% 
                                    if(isLogueado){
                                         Usuario s_docente = null;
                                         Usuario s_admin   = null;
                                         Estudiante s_estudiante = null;
                                         
                                         if(quienEs ==1){// admin
                                             s_admin = (Usuario)session.getAttribute("s_Usuario"); 
                                             nomb    = s_admin.getLogin();
                                             out.println("<a href='#'>"+s_admin.getNombre()+"</a>");
                                             out.println("<span class='score' title='Sesi&oacute;n iniciada'>1</span>");
                                             out.println("<a href='Foros?accion=18&idCarrera="+idCarrera+"' title='Cerrar sesi&oacute;n'>Cerrar sesi&oacute;n</a>");
                                         }else if(quienEs == 2){ // doc
                                             s_docente = (Usuario)session.getAttribute("s_docente"); 
                                             nomb = s_docente.getLogin();
                                             out.println("<a href='#'>"+s_docente.getNombre()+"</a>");
                                             out.println("<span class='score' title='Sesi&oacute;n iniciada'>1</span>");
                                             out.println("<a href='Foros?accion=13&idCarrera="+idCarrera+"' title='Cerrar sesi&oacute;n'>Cerrar sesi&oacute;n</a>");
                                         }else if(quienEs == 3){ // est
                                             s_estudiante = (Estudiante)session.getAttribute("s_estudiante");
                                             nomb = s_estudiante.getNombre();
                                             out.println("<a href='#'>"+s_estudiante.getNombre()+"</a>");
                                             out.println("<span class='score' title='Sesi&oacute;n iniciada'>1</span>");
                                             out.println("<a href='Foros?accion=15&idCarrera="+idCarrera+"' title='Cerrar sesi&oacute;n'>Cerrar sesi&oacute;n</a>");
                                         }
                                    }else{
                                        out.println("<a href='Foros?accion=11&carrera="+idCarrera+"' title='Pulse aqu&iacute; para iniciar sesi&oacute;n'>acceso</a>  ");
                                    }
                                    %>
                                </div>
                                <div id="nav">
                                    <a id="nav_questions" class="<%=op==2?"on":""%>" href="javascript:location.href='Foros?accion=2&carrera=<%=idCarrera%>'"><font><font>Temas </font></font></a>
                                    <a id="nav_tags"      class="<%=(op==10)?"on":""%>" href="javascript:location.href='Foros?accion=10&carrera=<%=idCarrera%>'"><font><font>Etiquetas </font></font></a>
                                    <!--<a id="nav_users" href=""><font><font>Usuarios </font></font></a>-->
                                    <!--<a id="nav_badges" href=""><font><font>insignias </font></font></a>-->
                                    <a id="nav_unanswered" class="<%=op==9?"on":""%>" href="javascript:location.href='Foros?accion=9&carrera=<%=idCarrera%>'"><font><font>Temas sin respuesta </font></font></a>
                                    <a id="nav_ask" href="javascript:iniciarDialogo()" class="special"><font><font>Crear Tema</font></font></a>
                                </div>
                            </div>
                            <div class="clear"></div>
                            <div id="searchBar">
                                <form action="Foros?accion=8&carrera=<%=idCarrera%>&op=<%=op%>" method="post">
                                    <div>
                                        <input type="text" name="palabra" class="searchInput" value="" id="keywords">
                                        <font><font><input type="submit" name="Submit" value="B&uacute;squeda" class="boton"></font></font><!--borrar eso :searchBtn-->
                                    </div>
                                </form>	
                            </div>
                            <!-- end template header.html -->
        
                            <div id="wrapper">
                               <div id="room">
                                    <div id="CAFull">
					<!-- Tabs -->
					<div class="tabBar">
                                            <div class="headQuestions">Lista de Etiquetas</div>
                                            <div class="tabsA">                                                
                                            </div>
					</div>
					<div id="searchtags"><p></p>
                                            <ul class="tagsList tags">
                                                <% 
                                                    for(Etiqueta c : etique){
                                                        out.println("<li>");
                                                        out.println("   <a href='javascript:location.href=\"Foros?accion=3&idCorresponde="+c.getIdEtiqueta()+"&carrera="+idCarrera+"&nombCorres="+c.getNombre()+"&op=2"+"\"' title='"+c.getTitle()+"' rel='tag'>"+c.getNombre()+"</a>&nbsp;");
                                                        out.println("   <span class='tag-number'>Ã— "+c.getAux()+"</span><br>");
                                                        out.println("</li>");
                                                    } %>
                                            </ul>
					</div>
                                    </div>
                                    <div id="tail" style="clear:both;">
                                        <div class="pager">
                                            
                                            <p class="paginator"><span class="curr this_page">&nbsp;<!--1--></span>                                            
                                            </p>
                                        </div>
                                    </div>
                              </div> 
                                <div class="spacer3"></div>
                            </div>
                        </div>
                        <!---DIALOGO-->                     
                        <%@include file="../dialogo.jsp" %>
                    </div><!--end of leftPan-->
                </div><!--end of content-wrapper-->
            </div><!--end of body-wrap-->
            
            <!-- footer -->
            <%//@include file="../../footer.jsp" %>
            
	</div><!--end of outer-wrapper-->
    </body>
</html>
